Inserir um link



Prof: Marcelo Vieira dos Santos



Para colocar um link em sua página primeiro temos que conhecer os tipos de link que podemos ter:

1° link de uma nova pagina html:
Neste caso vamos lá no Visual studio code e criamos mais uma arquivo html, exemplo Segundapagina.html
feito isso vamos no arquivo index e adicionamos dentro do body o link para levar nesta nova página

<a href="segundapagina.html">Nome do link</a>



Com isso aparecerá no index que sempre será a primeira página de seu site um link que ao clicado levará para outra página em html


2° forma de link é para é um endereço para uma pagina na internet:
exemplo para ir para página do Google:

<a href="https://www.google.com/">Google</a>


vamos na internet no site do google copiamos o endereço da página, voltamos no visual studio code no arquivo index e adicionamos um link e no href colocamos o endereço que copiamos depois bas dar um nome a nosso link neste caso é google com descrito abaixo:

3° caso link para ir a um arquivo de texto
Para colocar um arquivo seja pdf, txt, odt ou seja qualquer arquivo de texto fazemos da mesma forma mas sempre lembrando que este arquivo tem que esta na mesma pasta que o index no caso na área de trabalho

<a href="arquivo.pdf/">nome do arquivo</a>


neste caso pode abrir seu arquivo na internet caso for um pdf ou fazer downloads do do arquivo para abrir com o programa necessário:

Para finalizar podemos estilizar o nosso link lá no arquivo estilo.css configuramos a tag a, que inicialmente estará na cor azul e sublinhado, aqui esta exemplo de algumas configurações

a{
text-decoration:none; esta estilização tira o sublinhado do link
color:black; define a cor da letra do seu link
font-family:verdana;troca fonte do seu link
background-color:blue;coloca cor de fundo do link
}

Com esta aula já podemos adicionar links em nossa página seja para um novo arquivo, outra página na internet ou em um arquivo de texto.

DETALHE: Para chegar nesta aula é preciso ir na página do professor index, entrar em um link para aulas de Programação-II, e novamente entrar em outro link Aula 6 Inserir link na página